﻿<!DOCTYPE html>
<!-- @projectDescription Used to design the ui when program opens -->
<!-- MUNS copyright, 2010 @author xkx -->
<html class="_back">
	<head>
		<title>Model United Nations Secretary</title>
		<meta charset="utf-8">

		<link rel="stylesheet" href="core.css" />
		<link rel="stylesheet" href="libs/qkform.css" />
		<link rel="stylesheet" href="libs/TextboxList.css" />
		<link rel="stylesheet" href="libs/TextboxList.Autocomplete.css" />
		<link rel="stylesheet" href="libs/uvumi-dropdown.css" />

		<script src="libs/mootools-1.3-core.js"></script>
		<script src="libs/mootools-1.3-more.js"></script>
		<script src="muns.js"></script>
		<script type="text/javascript" src="libs/libs_for_start.js"></script>
		<script src="libs/mui.boxes.js"></script>
		<script src="libs/qkform.js"></script>
		<script src="libs/TextboxList.js"></script>
		<script src="libs/TextboxList.Autocomplete.js"></script>
		<script src="libs/UvumiDropdown.js"></script>
		<script src="start.js"></script>
	
	</head>
	<body>
	<div id="home">
	<div id="header">
		<h1 class="_title">Model United Nations Secretary</h1>
			<div id="nav"><ul id="dropdown-menu" class="dropdown">
				<li><a href="#" id="langmenu">English</a><ul id="lang">
						<li><a href="#">English</a></li>
						<li><a href="#">Chinese</a></li>
				</ul></li>
				<li><a href="#">About</a></li>
				<li><a href="#" id="moremenu">More</a><ul id="more">
						<li><a href="#">Edit Rule File</a></li>
						<li><a href="#">Edit Setting File</a></li>
				</ul></li>
			</ul></div>
			<hr/>
	</div>
	<div id="face" class="_face">
	<ul class="block-list">
		<li id="new"><a href="#" class="_button">Prepare or Start A New Conference</a></li>
		<li id="open"><a href="#" class="_button">Load An Existed Conference File (*.mun)</a></li>
	</ul>
	</div>
	<div class="_foot" style="position:absolute;left:5px;bottom:5px;"><span id="mun-copyright"></span></div>
	</div>
	<div id="neww" class="_dialog-content">
		<ul class="_tabs">
			<li>Conference Information</li>
			<li>Rules of Procedure</li>
			<li>Delegates and Session Length</li>
		</ul>
		<form id="new-form">
		<ul class="_contents">
			<li><table cols="3">
				<tr><td><label for="conference-name">Conference Name:</label></td><td><input type="text" id="conference-name"/></td></tr>
				<tr><td><label for="committee-name">Committee Name:</label></td><td><input type="text" id="committee-name"/></td></tr>
				<tr><td><label for="algendas">Algendas:</label></td><td><input type="text" id="algendas"/></td></tr>
				<tr><td><label for="other-dption">Other Description:</label></td><td><textarea id="dp"></textarea></td></tr>
			</table></li>
			<li>
				<input type="radio" name="rulet" id="inrule" checked="checked"/><label for="inrule">Use Inner Rules</label><br/>
				<select id="inrulet"><option value="usrule">American Rules</option></select><br/><br/><br/><br/>
				<input type="radio" name="rulet" id="userrule"/><label for="userrule">Use User Rules</label><br/>
					Sorry, not support so far.<br/>
			</li>
			<li><label for="form_nation">Enter the delegates below. Click the delegate names in the popup menu.</label><br/>
				<input type="text" id="form_nation"/><br/><br/>
				<label for="time">Session Length:</label><br/><br/><input type="text" id="pick" /><br/>
			</li>
		</ul></form>
	</div>
	</body>
</html>
